<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8"/>
    <title>至娱</title>
    <link href="../../css/home/index.css" rel="stylesheet"/>
    <link href="../../css/home/common.css" rel="stylesheet"/>
    <!--Required libraries-->
    <script src="../../js/home/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="../../js/home/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="../../js/home/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <link href="../../css/home/flickerplate.css"  type="text/css" rel="stylesheet"/>
    <script src="../../js/home/flickerplate.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function(){

            $('.flicker-example').flicker();
        });
    </script>
</head>
<body>
<div class="container">
    <div class="head-top">
        <div style="width: 1100px; margin:0 auto;">
            <a href="#">移动端客户</a>
            <img src="../../img/phone.png"/>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="nav">
        <div class="logo"><img src="../../img/logo.png"/></div>
        <ul class="list">
            <li><a href="#" class="active">推荐</a></li>
            <li><a href="#">电影</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">网剧</a></li>
            <li><a href="#">明星</a></li>
        </ul>
        <div class="search">
            <input class="search_input" value="搜你所想" onfocus="if(value=='搜你所想') {value=''}"
                   onblur="if (value=='') {value='搜你所想'}"/><a href="#"><img src="../../img/search.png"/></a>
        </div>
        <div class="clearfix"></div>
    </div>

    <div class="flicker-example" data-block-text="false" >
        <ul>
            <li th:each="recommendSlider,iterStat:${recommendSliderData}" th:value="${iterStat.index}"  th:attr="data-background=${recommendSlider.img_url[0]}"></li>
        </ul>
    </div>
    <div class="box">
        <div class="column_01">
            <h1>今日看点</h1>
            <ul>

                <span><a href="#" class="textyc_sl" th:text="${recommendListMiddleImg.item.name}"></a></span>

                <li><a href="#" class="textyc_sl" th:each="recommendList,iterStat:${recommendListLeftText}" th:text="${recommendList.item.name}"><i></i></a></li>

                <li>
                    <a href="#" style="margin-right:6px; float: left;">
                        <img th:src="${recommendListLeftImg1.item.img_url[0]}" th:width="164" th:height="124"/>
                    </a>
                    <a href="#">
                        <img th:src="${recommendListLeftImg2.item.img_url[0]}" th:width="164" th:height="124"/>
                    </a>
                </li>
            </ul>
        </div>
        <div class="column_02">
            <img th:src="${recommendListMiddleImg.item.img_url[0]}" th:width="380" th:height="272"/>
            <ul>
                <li><a href="#" class="textyc_sl" th:each="recommendList,iterStat:${recommendListMiddleText}" th:text="${recommendList.item.name}"></a></li>
            </ul>
        </div>
        <div class="column_03">
            <div class="box01" th:each="recommendList,iterStat:${recommendListRight}">
                <div class="column_03_box">
                    <h2 th:text="${recommendList.item.name}"></h2>
                    <p th:text="${recommendList.item.author}"></p>
                </div>
                <img th:src="${recommendList.item.img_url[0]}" th:height="84" th:width="120"/>
                <div class="clearfix"></div>
            </div>

        </div>
        <div class="clearfix"></div>
        <div class="title">
            <h1>推荐咨询</h1><span>INFORMATION</span><a href="/page/home/more.html">更多>></a>
        </div>
        <div class="column_04">
            <div class="column_04_box">
                <img src="../../img/pic_2.png"/>
                <ul>
                    <span><a href="#" class="">成龙发文悼念方逸华：3月曾见成龙发文悼念方逸华：3月曾见贾乃</a></span>
                    <!--<li><a href="#" class="textyc_sl">奚梦瑶一摔成名，将会终结维密秀？</a></li>-->
                    <li><a href="#" class="">贾乃亮现身机场 逛书店试耳机显文艺范儿贾乃亮现身机场 逛书店试耳机显</a></li>
                    <!--<li><a href="#" class="textyc_sl">徐佳《激战》受追捧 “痞帅”形象狂吸粉</a></li>-->
                </ul>
            </div>
            <div class="column_04_box">
                <img src="../../img/pic_2.png"/>
                <ul>
                    <span><a href="#" class="textyc_sl">成龙发文悼念方逸华：3月曾见成龙发文悼念方逸华：3月曾见</a></span>
                    <li><a href="#" class="textyc_sl">奚梦瑶一摔成名，将会终结维密秀？</a></li>
                    <li><a href="#" class="textyc_sl">贾乃亮现身机场 逛书店试耳机显文艺范儿</a></li>
                    <li><a href="#" class="textyc_sl">徐佳《激战》受追捧 “痞帅”形象狂吸粉</a></li>
                </ul>
            </div>
        </div>
        <div class="column_05">
            <div class="column_05_imgs">
                <img src="../../img/pic_1.png" style="margin-left:0;"/>
                <img src="../../img/pic_1.png"/>
                <img src="../../img/pic_1.png"/>
            </div>
            <ul>
                <span><a href="#" class="textyc_sl">成龙发文悼念方逸华：3月曾见成龙发文悼念方逸华：曾见</a></span>
                <li><a href="#" class="textyc_sl">奚梦瑶一摔成名，将会终结维密秀？</a></li>
                <li><a href="#" class="textyc_sl">贾乃亮现身机场 逛书店试耳机显文艺范儿</a></li>
                <li><a href="#" class="textyc_sl">徐佳《激战》受追捧 “痞帅”形象狂吸粉
                    薛之谦走红毯遭网红主播飞扑强吻：感觉像恶意的</a></li>
                <li><a href="#" class="textyc_sl">店试耳机显文艺范儿徐佳《激战》受追捧 “痞帅”形象狂吸粉
                    薛之谦走</a></li>
                <li><a href="#" class="textyc_sl">贾乃亮现身机场 逛书店试耳机显文艺范儿徐佳《激战》受追捧 “</a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="footer">
        <div class="footer_container">
            <div class="footer_logo"><img src="../../img/logo.png"/></div>
            <ul>
                <li><a href="#">至娱智乐传媒有限公司</a></li>
                <li><a href="#">联系电话：0755-8208208820</a></li>
                <li><a href="#">Copyright 2014 All Rights Reserved</a></li>
            </ul>
            <ul class="saoma">
                <li><img src="../../images/download/appdownload.png" th:height="111" th:width="111"/></li>
                <li><span>扫描二维码  关注我们</span></li>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--<script src="js/jquery-2.1.1.min.js"></script>-->
<!--<script src="js/common.js"></script>-->

</body>
</html>